<template>
  <div id="app">
    <div class="box"></div>
    <div id="blockDiv">
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
    </div>
  </div>
</template>

<style>
#blockDiv {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.block {
  width: calc(calc(100% / 1) - 10px);
  margin: 5px;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid red;
}
</style>
